


        main{
            background: #fff;
        }
        main #news .categories{
            height: 90px;
            background: #f4931d;
            color: #fff;
            margin-bottom: 65px;
        }
        main #news .categories a{
            line-height: 45px;
            padding: 0px 25px;
            font-size: 24px;
            border: 1px solid #fff;
            border-radius: 45px;
            margin-left: 25px;
            text-transform: capitalize;
            
        }
        main #news .categories a,
        main #news .list .itm .inner .dwld{
            transition-property: color,background;
            transition-duration: .4s;
            transition-timing-function: ease;
        }
        main #news .categories a:hover{
            background: #fff;
            color: #f4931d;
        }
        main #news .categories a:first-child{
            margin-left: 0px;
        }
        
        main #news{
            padding-bottom: 105px;
        }
        main #news .control{
            justify-content: flex-end;
        }
        main #news .sort{
            position: relative;
            display: inline-block;
            z-index: 2;
            padding-bottom: 10px;
        }
        main #news .sort>p{
            font-size: 14px;
            padding: 0px 20px;
            line-height: 42px;
            border-radius: 5px;
            background: #fff;
            box-shadow: 0px 0px 10px 2px rgba(81,81,81,.5);
        }
        main #news .sort>p span{
            display: block;
            background: url(../img/ir/sort.png) right center no-repeat;
        }
        main #news .sort:hover .choose{
            display: block;
        }
        main #news .sort .choose{
            position: absolute;
            top: 100%;
            right: 0px;
            display: none;
            width: 240px;
        }
        main #news .sort .choose.hidden{
            display: none;
        }
        main #news .sort .yymm{
            line-height: 1;
            background: #EAEAEA;
            padding: 10px 8px;
        }
        main #news .sort .choose.switch .yymm{
            display: none;
        }
        main #news .sort .choose.switch .day{
            display: block;
        }
        main #news .sort .day{
            background: #fff;
            font-size: 14px;
            padding: 10px;
            overflow: hidden;
            border: 1px solid #000;
            display: none;
        }
        main #news .sort .year{
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 5px;
            white-space: nowrap;
            overflow-y: hidden;
        }

        main #news .sort .year::-webkit-scrollbar{
            width: 6px;
            height: 6px; 
        }
        main #news .sort .year::-webkit-scrollbar-thumb{
            border-radius: 3px;
            background: rgba(0,0,0, .5);
        }
        main #news .sort .year::-webkit-scrollbar-track{
            background: rgba(0,0,0,0);
        }
        
        main #news .sort .year p{
            margin-left: 10px;
            display: inline-block;
            transition: color .3s;
            cursor: pointer;
        }
        main #news .sort .year p:first-child{
            margin-left: 0px;
        }
        main #news .sort .year p.active{
            color: #5fb0d9;
        }
        main #news .sort .months{
            overflow: hidden;
        }
        main #news .sort .months p{
            float: left;
            cursor: pointer;
            flex-direction: column;
            font-size: 16px;
            font-weight: bold;
            width: 50px;
            height: 50px;
            margin-top:10px;
            margin-right: 8px;
            background: #fff;
        }
        main #news .sort .months p:nth-child(4n){
            margin-right: 0px;
        }
        main #news .sort .day .back{
            width: 24px;
            cursor: pointer;
            transition: all .3s;
            transform: translateX(10px);
        }
        main #news .sort .day .back:hover{
            transform: translateX(0px);
        }
        main #news .sort .day ul{
            overflow: hidden;
        }
        main #news .sort .day ul li{
            width: calc(50% / 3);
            float: left;
            text-align: center;
            cursor: pointer;
            margin-top: 10px;
            transition: color .3s;
        }
        main #news .sort .day ul li.active{
            color: #5fb0d9;
        }
        main #news .sort .day .confirm{
            color: #fff;
            cursor: pointer;
            background: #5fb0d9;
            position: relative;
            float: right;
            z-index: 2;
            margin-top: 10px;
            border-radius: 4px;
            padding: 5px 8px;
        }
        main #news .sort .day .confirm::after{
            content: '';
            z-index: -1;
            background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1));
            opacity: 0;
            transition: all .3s;
        }
        main #news .sort .day .confirm:hover::after{
            opacity: .2;
        }

        main #news .sequence{
            margin-right: 20px;
            margin-bottom: 10px;
        }
        main #news .sequence img{
            display: inline-block;
            width: 30px;
            vertical-align: top;
            margin-left: 15px;
            cursor: pointer;
        }

        main #news .list .itm{
            transition-delay: .1s;
            transition: transform .5s,opacity .5s;
            opacity: 0;
            transform: translateY(30px);
            margin-top: 60px;
            padding-bottom: 60px;
            font-size: 18px;
            border-bottom: 2px solid #e3e3e3;
        }
        main #news .list .itm:first-child{
            margin-top: 0px;
        }
        main #news .list .itm.frozen{
            opacity: 1;
            transform: translateY(0px);
        }
        main #news .list .itm .inner{
            padding-left: 68px;
            position: relative;
        }
        main #news .list .itm .inner .catePic{
            position: absolute;
            top: 0px;
            left: 0px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
             border: 2px solid #9EBC0F;
        }
        main #news .list .itm .inner .catePic img{
            width: auto;
        }
        main #news .list .itm .inner .cd{
            color: #9dbc0c;
        }
        main #news .list .itm .inner .title{
            font-size: 24px;
            font-weight: bold;
            text-transform: capitalize;
            margin-top: 10px;
            margin-bottom: 20px;
        }
        main #news .list .itm .inner .des{
            color: #7f7f7f;
            line-height: 1.6;
        }
        main #news .list .itm .inner .dwld{
            width: 115px;
            line-height: 48px;
            text-align: center;
            border: 1px solid #5fb0d9;
            color: #5fb0d9;
            display: block;
            margin-top: 36px;
        }
        main #news .list .itm .inner .dwld:hover{
            background: #5fb0d9;
            color: #fff;
        }
        main #news .load{
            display: block;
            line-height: 46px;
            margin: 0 auto;
            margin-top: 50px;
            width: 170px;
            color: #75849b;
            font-weight: bold;
            text-align: center;
            position: relative;
        }
        main #news .load::after{
            content: '';
            border-radius: 50px;
            box-sizing: border-box;
            border: 2px solid #75849b;
            transition: all .3s;
        }
        main #news .load:hover::after{
            transform: scale(.9);
        }

        main #news .info{
            text-align: center;
            font-size: 18px;
            padding: 0px 35px;
        }
        main #news .info .ttl{
            font-size: 24px;
            font-weight: bold;
            text-transform: capitalize;
        }
        main #news .info .cd{
            margin-top: 10px;
            margin-bottom: 20px;
            color: #9dbc0c;
        }
        main #news .info i{
            display: block;
            width: 100%;
            height: 1px;
            background: #c5c5c5;
        }
        main #news .info .txt{
            text-align: left;
            margin-top: 40px;
            color: #7f7f7f;
        }
        main #news .info .txt p{
            margin-top: 15px;
            line-height: 1.6;
            text-indent: 36px;
        }
        main #news .info .txt p:first-child{
            margin-top: 0px;
        }


        @media(max-width:1200px){
            main #news .categories{
                height: 80px;
                margin-bottom: 50px;
            }
            main #news .categories a{
                font-size: 20px;
                line-height: 35px;
            }
            main #news .list .itm{
                margin-top: 45px;
                padding-bottom: 45px;
            }
        }
        @media(max-width:1024px){
            main #news .categories{
                height: 70px;
            }
            main #news .categories a{
                font-size: 18px;
                padding: 0px 15px;
                line-height: 30px;
            }
            main #news .list .itm{
                font-size: 16px;
                margin-top: 35px;
                padding-bottom: 35px;
            }
            
            main #news .list .itm .inner .catePic{
                width: 40px;
                height: 40px;
            }
            main #news .list .itm .inner .catePic img{
                width: 15px;
            }
            main #news .list .itm .inner{
                padding-left: 58px;
            }
            main #news .list .itm .inner .title{
                font-size: 20px;
                margin-top: 5px;
                margin-bottom: 10px;
            }
            main #news .info{
                font-size: 16px;
                padding: 0px 20px;
            }
            main #news .info .ttl{
                font-size: 20px;
            }
            main #news .info .cd{
                margin-top: 5px;
                margin-bottom: 10px;
            }
            main #news .info .txt{
                margin-top: 25px;
            }
            main #news .list .itm .inner .dwld{
                width: 100px;
                line-height: 40px;
                margin-top: 25px;;
            }
            main #news .load{
                width: 150px;
                line-height: 40px;
            }
        }

        @media(max-width:767px){
            main #news .categories{
                height: 60px;
                margin-bottom: 35px;
            }
            main #news .categories a{
                font-size: 14px;
                padding: 0px 10px;
                line-height: 22px;
                margin-left: 10px;
            }
            main #news{
                padding-bottom: 70px;
            }
            main #news .control{
                margin-bottom: 20px;
            }
            main #news .sort{
                width:145px;
            }
            main #news .sequence{
                margin-right: 12px;
            }
            main #news .sort>p{
                line-height: 36px;
                padding: 0px 10px;
            }
            main #news .sequence img{
                width: 20px;
                margin-left: 8px;
            }
            main #news .list .itm{
                font-size: 14px;
                margin-top: 25px;
                padding-bottom: 25px;
            }
            main #news .list .itm .inner .catePic{
                width: 36px;
                height: 36px;
            }
            main #news .list .itm .inner .catePic img{
                width: 12px;
            }
            main #news .list .itm .inner{
                padding-left: 50px;
            }
            main #news .list .itm .inner .title{
                font-size: 18px;
            }
            main #news .list .itm .inner .dwld{
                width: 80px;
                line-height: 30px;
                margin-top: 25px;
                font-size: 12px;
            }
            main #news .load{
                width: 130px;
                line-height: 35px;
                margin-top: 35px;
            }

            main #news .info{
                font-size: 14px;
                padding: 0px 5px;
            }
            main #news .info .ttl{
                font-size: 18px;
            }
            main #news .info .txt p{
                margin-top: 10px;
            }
        }